<template>
  <div>
    <Top/>
    <ShopNav/>
    <div class="w">
      <div class="goYes">
        <div>
          <img src="../../assets/imgs/w-reddui.png" alt="图片"/>
        </div>
        <div>订单已提交，请于24小时内完成支付<span class="goHu">（逾期订单将被取消）</span></div>
      </div>

      <!-- 送货地址 -->
      <div class="addYes"><i></i>送货至： 但小兵 北京 北京市 昌平区 天通苑明天第一城4号楼101 固定电话010-21541589</div>
    </div>



    
    <Foot/>
  </div>
</template>

<script>
import Top from '../Topnav';
import Foot from '../Foot';
import ShopNav from './com/ShopNav';
import Search from '../Topsearch';
export default {
    name:'ShopThree',
    data(){
        return{
          aa:'你好',

        }
    },
    mounted(){
        
      console.log(this.aa);
    },
    components:{
        Foot,
        Top,
        ShopNav,
        Search
    },
     beforeMount(){
      this.$store.state.wly[0].ads=0;
    },
    methods:{
        
    }
}
</script>

<style scoped>
/* -2 */
.addYes{
  line-height: 36px;
  width: 1242px;
  border: 1px solid #e5e5e5;
  padding-left: 36px;
  text-align: left;
  font-size: 14px;
  color: #666;
  position: relative;
  background-color: #f4fff2;
}
.addYes i{
position: absolute;
top: calc(50% - 10px);
left: 11px;
height: 20px;
width: 15px;
background: url(../../assets/imgs/add1.png) no-repeat 0 0;
}
/* -- */
.goYes{
  height: 242px;
  font-size: 24px;
  color: #666;
  padding-top: 80px;
}
.goYes div:nth-child(1){
  display: inline-block;
  margin-bottom: 55px;
}
.goYes div:nth-child(1) img{
  width: 80px;
}
.goYes .goHu{
  color: #f08200;
}
/*  */
.w{
 width: 1280px;
  margin:0 auto;
}
</style>